<template>
  <Content title="页面全部链接" :autoBack="false" tab tabCurrent="reportForms">
    <view class="staging">
      <view class="main-box">
        <view class="title">生产报表</view>
        <view class="view-path-box">
          <view
            class="path-box-item"
            v-for="item in pages"
            :key="item.path"
            @click="toPath('/' + item.path)"
          >
            <i class="iconfont icon-shengchanguanli-chejianshengchan"></i>
            <p>{{ item.style.navigationBarTitleText }}</p>
          </view>
        </view>
      </view>
    </view>
  </Content>
</template>

<script>
import pages from "@/pages.json";
import Content from "@/components/content/index.vue";
export default {
  components: { Content },
  data() {
    return {
      pages: [],
    };
  },
  created() {
    this.pages = pages.pages;
  },
  methods: {
    ok() {},
    toPath(path) {
      uni.navigateTo({
        url: path,
        animationType: "pop-in",
      });
    },
  },
};
</script>

<style scoped lang="scss">
.staging {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  height: 100%;
  padding-bottom: 20rpx;
}

.title {
  font-size: 34rpx;
  margin-bottom: 40rpx;
}

.action-box {
  width: 100%;
  padding: 10px 20px;
  box-shadow: 0 12rpx 18rpx -6rpx rgba(0, 0, 0, 0.2);
}

.main-box {
  padding: 40rpx 20rpx 20rpx 20rpx;
  flex: 1;
  overflow: auto;

  .view-path-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

    .path-box-item {
      width: 30%;
      text-align: center;
      margin-bottom: 60rpx;

      i {
        display: block;
        margin-bottom: 20rpx;
        font-size: 38rpx;
      }
    }
  }
}
</style>
